<div class="mainpage">
      <div class="topnavbar">
        <a href="#" class="topnav-back"><i class="fa fa-fw fa-angle-left"></i></a> 
        <span class="topnav-search-btn"><i class="fa fa-fw fa-search"></i></span>
        <div class="topnavtitle">耗材工单</div>     
        <div class="box-tools pull-right">
          <div class="has-feedback">
            <input type="text" class="form-control input-sm" placeholder="Search Mail">
            <span class="glyphicon glyphicon-search form-control-feedback"></span>
          </div>
        </div>
      </div>
     <div class="mainpagecontent">
      <section class="content">
        <div class="box box-default">
          <div class="box-header with-border">
            <h3 class="box-title">陈桥营业厅</h3>
            <div class="box-tools pull-right">
              <span class="label label-info" data-pageview="pages/gongdanjindu-view.html">报</span>
            </div>
          </div>
          <div class="box-body">
            <p>工单编号：<span class="text-muted">2016080909</span></p>
            <p>工单状态：<span class="text-red">重受理</span></p>
          </div>
          <div class="box-footer">
            <small class="text-muted">2016-10-28 09:28:06</small>
            <div class="box-tools pull-right">
              <i class="fa fa-list-ul pull-right text-aqua"></i>
            </div>
          </div>
        </div>
        <div class="box box-default">
          <div class="box-header with-border">
            <h3 class="box-title">陈桥营业厅</h3>
            <div class="box-tools pull-right">
              <span class="label label-info" data-pageview="pages/gongdanjindu-view.html">报</span>             
            </div>
          </div>
          <div class="box-body">
            <p>工单编号：<span class="text-muted">2016080909</span></p>
            <p>工单状态：<span class="text-light-blue">待结单</span></p>
          </div>
          <div class="box-footer">
            <small class="text-muted">2016-10-28 09:28:06</small>
            <div class="box-tools pull-right">
              <i class="fa fa-list-ul pull-right text-aqua"></i>
            </div>
          </div>
        </div>
        <div class="box box-default">
          <div class="box-header with-border">
            <h3 class="box-title">陈桥营业厅</h3>
            <div class="box-tools pull-right">
              <span class="label label-info" data-pageview="pages/gongdanjindu-view.html">报</span>              
            </div>
          </div>
          <div class="box-body">
            <p>工单编号：<span class="text-muted">2016080909</span></p>
            <p>工单状态：<span class="text-light-blue">待结单</span></p>
          </div>
          <div class="box-footer">
            <small class="text-muted">2016-10-28 09:28:06</small>
            <div class="box-tools pull-right">
              <i class="fa fa-list-ul pull-right text-aqua"></i>
            </div>
          </div>
        </div>

      </section>
    </div> 
    </div>